<template>
  <div>
    <div class="jnhfxq_box">
      <div class="jnhfxq_box_title">机构会议填写报名信息</div>

      <div class="jnhfxq_nr_box">
        <div class="title">
          <!-- <span style="margin-right: 0.875rem"
              >报名截止时间：{{ list.deadline_date }}</span
            > -->
          <span style="margin-right: 4rem"
            >报名截止时间：{{ list.deadline_date }}</span
          >
          <span
            >会议时间：{{ list.meet_start_date }} -
            {{ list.meet_end_date }}</span
          >
        </div>
        <div class="jnhfxq_nr_box_input">
          <el-input
            placeholder="请输入姓名"
            v-model="list.userinfo.name"
            disabled
          >
            <template slot="prepend">姓名：</template>
          </el-input>
        </div>
        <div class="jnhfxq_nr_box_input">
          <el-input
            placeholder="请输入单位"
            v-model="list.userinfo.company"
            disabled
          >
            <template slot="prepend">单位：</template>
          </el-input>
        </div>

        <div class="jnhfxq_nr_box_input">
          <el-input
            placeholder="请输入电话"
            v-model="list.userinfo.mobile"
            disabled
          >
            <template slot="prepend">电话：</template>
          </el-input>
        </div>

        <!-- <div class="jnhfxq_nr_box_input">
            <el-input
              placeholder="请输入邮箱"
              v-model="list.userinfo.email"
              disabled
            >
              <template slot="prepend">邮箱：</template>
            </el-input>
          </div> -->
        <div class="jnhfxq_nr_box_input">
          <el-input
            placeholder="请输入职务"
            v-model="list.userinfo.duties"
            disabled
          >
            <template slot="prepend">职务：</template>
          </el-input>
        </div>

        <div class="jnhfxq_nr_box_input">
          <el-input
            placeholder="请选择性别"
            v-model="list.userinfo.gender"
            disabled
          >
            <template slot="prepend">性别：</template>
          </el-input>
        </div>

        <div class="jnhfxq_nr_box_input select_zs">
          <div class="select_zs_title">住宿：</div>
          <el-select
            placeholder="请选择是否住宿"
            v-model="list.userinfo.is_stay"
            disabled
          >
            <el-option
              v-for="item in is_stay_options"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </div>
        <div class="jnhfxq_nr_box_input select_zs">
          <div class="select_zs_title">单住合住：</div>
          <el-select
            placeholder="请选择单住合住"
            v-model="list.userinfo.is_single"
            disabled
          >
            <el-option
              v-for="item in is_single_options"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </div>
      </div>

      <div class="jnhfxq_2_box">
        <p><span>*</span> 备注信息：</p>
        <div class="beizhu">
          <el-input
            type="textarea"
            :autosize="{ minRows: 4, maxRows: 10 }"
            v-model="list.userinfo.remark"
            disabled
          >
          </el-input>
        </div>
      </div>
    </div>
  </div>
</template>
      <script>
export default {
  data() {
    return {
      id: this.$route.query.id,
      list: {
        userinfo: {},
      },
      form: {
        is_stay: "",
        is_single: "",
        remark: "",
      },
      is_stay_options: [
        {
          value: 0,
          label: " ",
        },
        {
          value: 1,
          label: "住宿",
        },
        {
          value: 2,
          label: "不住宿",
        },
      ],
      is_single_options: [
        {
          value: 0,
          label: " ",
        },
        {
          value: 1,
          label: "单住",
        },
        {
          value: 2,
          label: "合住",
        },
      ],
    };
  },
  mounted() {
    this.getinfo();
  },
  methods: {
    /**
     * 获取信息列表
     */
    getinfo() {
      let that = this;
      let data = {
        type: 3,
        id: that.id,
      };
      that.$http.post("meet/meet_expert_detail", data).then((res) => {
        if (res.code === 1) {
          that.list = res.data;
          that.list.userinfo.gender =
            that.list.userinfo.gender == 1 ? "男" : "女";
        } else {
          that.list = {};
          that.$self.ts(res, 3).then(() => {});
        }
        // console.log(that.list)
      });
    },

    //  ==
  },
};
</script>
      <style>
.jnhfxq_box .el-input.is-disabled .el-input__inner {
  background-color: #ffffff !important;
  color: #333333;
}
.jnhfxq_box .el-textarea.is-disabled .el-textarea__inner {
  background-color: #ffffff !important;
}
.jnhfxq_box {
  background: #ffffff;
  border-radius: 0.125rem;
  box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.15);
  margin: 0.125rem 0.025rem 0.1rem 0.625rem;
  padding-bottom: 0.4875rem;
}
.jnhfxq_box_title {
  height: 0.9rem;
  text-align: center;
  line-height: 1rem;
  font-size: 0.25rem;
  font-weight: 400;
  color: #333333;
}
.jnhfxq_nr_box {
  width: 14rem;
  border-top: 0.0375rem dotted #dddd;
  margin: auto;
  font-size: 0.225rem;
  font-weight: 400;
  color: #333333;

  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.jnhfxq_nr_box_input {
  width: 48%;
  margin-top: 0.25rem;
}
.jnhfxq_nr_box_input .el-input-group__prepend {
  width: 68px;
}
.jnhfxq_2_box {
  width: 14rem;
  margin: 0.15rem auto 0;
  font-size: 0.225rem;
  font-weight: 400;
  color: #333333;
}
.jnhfxq_2_box .el-table__header thead th {
  background-color: #ebf2fc !important;
  height: 0.625rem;
  font-size: 16px;
  font-weight: 400;
  color: #1954a4;
  line-height: 0.375rem;
  text-align: center;
}
.jnhfxq_2_box .el-table__body-wrapper tbody td {
  text-align: center;
}
.jnhfxq_2_box p {
  font-size: 0.2rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 0.375rem;
  margin-bottom: 0.1625rem;
}
.jnhfxq_2_box p span {
  font-size: 0.2rem;
  color: #cd0000;
}
.button_box_hfxq2 .el-button {
  width: 2.5rem;
}
.button_box_hfxq2 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.5rem;
}
.jnhfxq2_pz {
  display: flex;
  align-items: center;
  width: 14rem;
  margin: auto;
  border: 1px solid #e8eaee;
  height: 1.125rem;
}
.jnhfxq2_pz_title {
  width: 1.25rem;
  background: #f2f2f2;
  border-radius: 0.025rem 0px 0px 0.025rem;
  font-size: 0.2rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.125rem;
  text-align: center;
}
.jnhfxq2_pz_upload {
  display: flex;
  align-items: center;
  padding-left: 0.275rem;
  box-sizing: border-box;
}
.jnhfxq2_pz_uploadbox .el-upload--picture-card {
  width: 0.8875rem;
  height: 0.8875rem;
  line-height: 1rem;
  background: #f2f2f2;
}
.jnhfxq2_pz_uploadbox .el-upload--picture-card i {
  font-size: 0.35rem;
}
.uploadpz {
  font-size: 0.175rem;
  font-weight: 400;
  color: #333333;
  margin-left: 0.1375rem;
}
.jnhfxq2_pz_uploadbox .el-upload-list--picture-card .el-upload-list__item {
  width: 0.9rem;
  height: 0.9rem;
}
.sex .el-select .el-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.select_zs .el-select {
  width: 100%;
}
</style>
  <style scoped>
.sex {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
}
.lable_sex {
  width: 110px;
  height: 40px;
  background: #f5f7fa;
  border: 1px solid #dcdfe6;
  font-size: 14px;
  color: #909399;
  display: flex;
  align-items: center;
  padding: 0px 18px;
  box-sizing: border-box;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  flex-shrink: 0;
  flex-grow: 0;
  border-right: none !important;
}
.title {
  font-size: 0.25rem;
  font-weight: 400;
  color: #cd0000;
  line-height: 0.375rem;
  margin-bottom: 0.125rem;
}
.jnhfxq_nr_box {
  padding-top: 0.325rem;
}
.select_zs {
  display: flex;
}
.select_zs_title {
  background-color: #f5f7fa;
  color: #333;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  padding: 0 20px;
  white-space: nowrap;
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  display: flex;
  align-items: center;
  font-size: 0.2rem;
  min-width: 65px !important;
}
</style>